<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<{include file="./foreground/common.htm" }> 
<link rel="stylesheet" type="text/css" href="/css/main.css" />
<script language="javascript" src="/js/main.js"></script>
<script language="javascript" src="/js/jquery.marquee.js"></script>
<script language="javascript" src="/js/js.js"></script>
<script type="text/javascript"> 
	var showIndex = 0;
	var aid;
	$(function(){
			$("#ulBt").find("li").click(function(){
<!--					alert('点击了第' + $(this).index() + '个Li' );-->
					$("#ulImage").find("li").fadeOut(500).find("div").fadeOut(500);
					$("#ulImage").find("li").eq($(this).index()).fadeIn(1000).find("div").fadeIn(1000);
					showIndex = $(this).index();
					$("#ulBt").find("li").removeClass("hadSelect");
					$("#ulBt").find("li").eq(showIndex).addClass("hadSelect");
					clearInterval(aid);
					aid = setInterval(nextShow,6000);
				})
				  aid = setInterval(nextShow,6000);
		})
		
		function nextShow(){
			if(showIndex != $("#ulImage").find("li").length - 1){
					$("#ulImage").find("li").fadeOut(500).find("div").fadeOut(500);
					$("#ulImage").find("li").eq(showIndex+1).fadeIn(1000).find("div").fadeIn(1000);
					showIndex++;
				}
				else if(showIndex == $("#ulImage").find("li").length-1){
					$("#ulImage").find("li").fadeOut(500).find("div").fadeOut(500);
					$("#ulImage").find("li").eq(0).fadeIn(1000).find("div").fadeIn(1000);
					showIndex=0;
					}
					$("#ulBt").find("li").removeClass("hadSelect");
					$("#ulBt").find("li").eq(showIndex).addClass("hadSelect");
		}
 
</script>
</head>
<body>
<{include file="./foreground/header.htm" }> 
<div class="td"></div>
<!--#body-->
<div class="layout mar">
   <div class="box1">
      <div class="anscroll">
        <Ul id="ulImage">	           
            <{foreach from=$res.post_summary item=datil key=id }>
            	<li>
               <img style="max-width:592px; max-height:490px;" src="/upload/image/<{$datil}>" />
               </li>
            <{/foreach}>           
        </Ul>
        <div style=" position: absolute;width:600px; margin-top:-110px; height:100px; padding:3px;"><{$res.post_datil}></div>
        <Ul id="ulBt">  
        <{foreach $res.post_summary as $id}>
    <li <{if $id@first}>class="hadSelect"<{/if}>></li>
		<{/foreach}>        
        </Ul>
      </div>
   </div>
 <{include file="./foreground/common2.htm" }>  
</div>
<div class="td"></div>
 <{include file="./foreground/common3.htm" }> 
<div class="td"></div>
<{include file="./foreground/common4.htm" }>
<div class="td"></div>
<{include file="./foreground/common5.htm" }>
<!--#body-->
<{include file="./foreground/footer.htm" }> 
</body>
</html>
